UI Render Tool in a Single-Node Agent

Step- 1: Choose a blank canvas to customize for defining the user's own agent behavior.

Figure: Interface showing Blank Canvas for a Single-Node Agent Creation

Step- 2: Choose UI Render Tool for the selected type of agent chain to create. The Agent Name and Model Name are renamed before UI Render Tool is chosen.

Figure: Showing to select UI Render Tool in Add Tools List

Step- 3: By clicking Manage button, rename the tool name for the Untitled Tool. Upload only HTML file to setup the UI Render Tool.

Figure: Showing to upload only HTML File in Setup Tool Interface

Step- 4: Click Get Variables after uploading HTML file. Get variables for the input schema.

Figure: Showing Success Message for Getting Variables in Setup Tool Interface

Step- 5: Enter Description that is related to use the customized UI Render Tool.

Figure: Showing Description Box in Setup Tool Interface

Figure: Showing the Canvas with the Created UI Render Tool

Step- 6: Enter instruction in the Instruction box to use the created UI Render tool.

Figure: Showing to add Instruction in the Instruction Box

Step- 7: Click Save button with the created UI Render tool.

Figure: Showing Success Message with UI Render Tool for Clicking Save Button

Step- 8: Ask some questions with the successfully created UI Render tool.

Figure: Showing Some Questions and Answers in Canvas (with UI Render Tool)